<ion-header>
    <ion-navbar color="dark">
        <ion-title>
         登录
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content >
  
    <form  class="form">
        <ion-item>
            <ion-label> <ion-icon name="phone-portrait"></ion-icon></ion-label>
            <ion-input type="text" [(ngModel)]='userName' name='name' placeholder="请输入您的手机号"></ion-input>
        </ion-item>
    
        <ion-item>
            <ion-label><ion-icon name="lock"></ion-icon></ion-label>
            <ion-input type="password" [(ngModel)]='userPassword' name='password'  placeholder="请输入登录密码"></ion-input>
        </ion-item>
       <!-- <button class="wang" (click)='wang()'>忘记密码</button> -->
       <button class="login" (click)='login()'>登录</button>
       <p class="zhuce">还没注册？<span (click)='zhu()'>立即注册</span></p>
    </form>
</ion-content>